@charset "utf8";
main{
	width: 100%;
	height: 5500px;
	background: #fff;
}
main nav{
	width: 1224px;
	height: 92px;
	background: #ffffff;
	margin: 0 auto;
}
main nav div#mainnav{
	background: #fff;
	width: 1224px;
}
.sticky{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
}
/* 导航栏左 -------------------------------------------------------------------------------------*/
main nav div#mainnav div.nav_left ul li{
	float: left;
	height: 92px;
	padding: 0 8px;
	line-height: 92px;
}
/* 图 -------------------------------------------------------------------------------------*/
main nav div#mainnav div.nav_left ul li img{
	position: relative;
	bottom: -10px;
}
main nav div#mainnav div.nav_left ul li img.xiaomi{
	position: relative;
	bottom: -15px;
}
/* 字 -------------------------------------------------------------------------------------------*/
main nav div#mainnav div.nav_left ul li a:hover{
	color: #ff6700;
}
/* 导航栏右 ----------------------------------------------------------------------------------------*/
main nav div#mainnav div.nav_right{
	width: 266px;
	height: 45px;
	float: right;
	position: relative;
	bottom: -19px;
	border:1px solid #e0e0e0;
}
main nav div#mainnav div.nav_right ul li{
	float: right;
}
/* 精灵图------------------------------------------------------------------------------- */
main nav div#mainnav div.nav_right ul li.ss i{
	padding: 12px 25px;
	position: relative;
	bottom: -12px;
	background: url(../img/search.png) no-repeat;
	background-position: center center;
	border-left:1px solid #e0e0e0;
}
/* 字 ----------------------------------------------------------------------------------*/
main nav div#mainnav div.nav_right ul li a{
	font: 14px "微软雅黑";
    background: #eee;	
	line-height: 45px;
	padding: 0 6px;
	margin: 4px;
}
main nav div#mainnav div.nav_right ul li a:hover{
	background: #ff6700;
	color: #ffffff;
}

/* ---------------------------------------------------------------------------------*/
/* 轮播图 */
main div#all  {
	width: 1224px;
	height: 460px;
	margin: 0 auto;
}
main div#all figure div.main div.container{
	margin-top: -30px;
}
/* 弹出框------------------------------------------------------------------------------------- */
main div#all aside{
	width: 270px;
	height: 460px;
	float: left;
	background: #8c8c8c;
}
main div#all aside ul.sidebar{
	margin-top: 14px;
}
main div#all aside ul.sidebar li{
	line-height: 43px;
	font-size: 14px;
	color: #ffffff;
	padding-left: 30px;
}
main div#all aside ul.sidebar li span{
	font-size: 14px;
	color: #ffffff;
	float: right;
	margin-right: 30px;
	margin-top: 12px;
}
main div#all aside ul.sidebar li:hover{
	background: #ff6700;
}
main div#all aside ul.sidebar div.out{
	background: #f5f5f5;
	height: 460px;
	width: 400px;
    position: absolute;
	left: 369px;
	top: 134px;
	display: none;
	z-index: 100;
}

/* 轮播下的图片 ---------------------------------------------------------------------------------*/
main div#main_situ{
	width: 1224px;
	height: 170px;
	margin: 17px auto;
}
main div#main_situ ul li{
	float: left;
	padding-right: 13px;
}
main div#main_situ ul li.tu3{
	float: right;
	padding-right: 0;
}
main div#main_situ ul li img:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
/* 明星单品字 --------------------------------------------------------------------------*/
main div#main_one{
	width: 1224px;
	height: 88px;
	margin: 0 auto;
}
main div#main_one h1{
	font-size: 24px;
	float: left;
	position: relative;
	bottom: -35px;
	color: black;
}
main div#main_one ul li{
	float: right;
	border: 1px solid #e0e0e0;
	width: 34px;
	height: 25px;
	margin-top: 35px;
	text-align: center;
}
main div#main_one ul li:hover{
	background: #666;
}
/* 明星单品图片 ------------------------------------------------------------------*/
main div#main_tow{
	width: 1224px;
	height: 388px;
	margin: 0 auto;
}
main div#main_tow dl{
	width: 228px;
	height: 352px;
	background: #fafafa;
	float: left;
	margin-right: 20px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,35px);
}
main div#main_tow dl:nth-child(1){
	border-top: 1px solid #ffaa00;
}
main div#main_tow dl:nth-child(1) dt{
	margin: 60px auto;
}

main div#main_tow dl:nth-child(2){
	border-top: 1px solid #83c44e;
}
main div#main_tow dl:nth-child(2) dt{
	margin: 40px auto;
}

main div#main_tow dl:nth-child(3){
	border-top: 1px solid #2196f3;
}
main div#main_tow dl:nth-child(3) dt{
	margin: 90px auto;
}

main div#main_tow dl:nth-child(4){
	border-top: 1px solid #e53935;
}
main div#main_tow dl:nth-child(4) dt{
	margin: 65px auto;
}

main div#main_tow dl:last-child{
	border-top: 1px solid #00c0a5;
	float: right;
	margin-right: 0px;
}
main div#main_tow dl:last-child dt{
	margin: 50px auto;
}

main div#main_tow dl dd{
	color: #000;
	position: relative;
	bottom: -215px;
}
main div#main_tow dl dd.zi1{
	color: #afafaf;
	font-size: 14px;
	line-height: 15px;
}
main div#main_tow dl dd.shu1{
	color: #ff6709;
	font-size: 14px;
}
/* 智能硬件--------------------------------------------------------------------------- */


/* 米兔小孩------------------------------------------------------------------- */
main div#bj div#main_four{
	width: 1224px;
	height: 614px;
	margin: 0 auto;
}
main div#bj div#main_four div.child dl{
	width: 236px;
	height: 614px;
	float: left;
}
main div#bj div#main_four div.child dl dd{
	position: relative;
	top:-600px;
	text-align: center;
	padding: 10px;
}
main div#bj div#main_four div.child dl dd.zi1{
	padding: 10px;
	font-size: 20px;
	color: #000;
}
main div#bj div#main_four div.child dl dd.zi2{
	font-size: 14px;
	color: #333;
}
main div#bj div#main_four div.child dl dd.zi3{
	padding: 40px;
	font-size: 30px;
	color: #00abff;
}
/* 小孩旁边上四图--------------------------------------------------------- */
main div#bj div#main_four div.tushang dl{
	width: 229px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left: 18px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#bj div#main_four div.tushang dl dd.zi1{
	color: #000000;
	font-size: 16px;
	line-height: 15px;
}
main div#bj div#main_four div.tushang dl dd.zi2{
	color: #afafaf;
	font-size: 14px;
	line-height: 14px;
}
main div#bj div#main_four div.tushang dl dd.qian{
	color: #ff6709;
	font-size: 14px;
}
main div#bj div#main_four div.tushang dl dd{
	position: relative;
	bottom: -170px;
}
main div#bj div#main_four div.tushang dl:first-child dt{
	margin: 65px auto;
}
main div#bj div#main_four div.tushang dl:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
/* 小孩旁边下四图--------------------------------------------------------------- */
main div#bj div#main_four div.tuxia dl{
	width: 229px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left: 18px;
	text-align: center;
	margin-top: 14px;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#bj div#main_four div.tuxia dl dd{
	position: relative;
	bottom: -170px;
}
main div#bj div#main_four div.tuxia dl dd.zi3{
	color: #000000;
	font-size: 16px;
	line-height: 15px;
}
main div#bj div#main_four div.tuxia dl dd.zi4{
	color: #afafaf;
	font-size: 14px;
	line-height: 14px;
}
main div#bj div#main_four div.tuxia dl dd.qian1{
	color: #ff6709;
	font-size: 14px;
}
main div#bj div#main_four div.tuxia dl:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
/* 搭配字-------------------------------------------------------------------------------- */

/* 搭配图上------------------------------------------------------------------------------------------------- */

main div#bj div#main_six div.shang dl dt.tu1{
	margin-top: 20px;
}
main div#bj div#main_six div.shang dl dt.tu2{
	margin-top: 25px;
}
main div#bj div#main_six div.shang dl dt.tu3{
	margin-top: 70px;
}
main div#bj div#main_six div.shang dl dt.tu4{
	margin-top: 20px;
}
/* 搭配图下--------------------------------------------------------------------------------------- */
main div#bj div#main_six div.xia dl dt.tu1{
	margin-top: 20px;
}
main div#bj div#main_six div.xia dl dt.tu2{
	margin-top: 25px;
}
main div#bj div#main_six div.xia dl dt.tu3{
	margin-top: 35px;
}
/* 周边字-------------------------------------------------------------------------------------------------- */

/* 周边图上--------------------------------------------------------------------------------------------------- */

/* 周边下图----------------------------------------------------------------------------------------------- */

/* 配件字------------------------------------------------------------------------------------------------------ */

/* 配件图上----------------------------------------------------------------------------------------- */
main div#bj div#main_six div.shang dl dt.tt{
	margin-top: 20px;
}
/* 配件图下---------------------------------------------------------------------------------------------- */
main div#bj div#main_six div.xia dl dt.tt{
	margin-top: 20px;
}
/* 热评产品-------------------------------------------------------------------------------------------------------- */

/* 热评产品图------------------------------------------------------------------------------------------ */
main div#bj div#main_twelve{
	width: 1224px;
	height: 420px;
	margin: 0 auto;
}
main div#bj div#main_twelve dl{
	width: 296px;
	height: 420px;
	float: left;
	margin-left: 13px;
	background: #fff;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#bj div#main_twelve dl dd{
	position: relative;
	bottom: -210px;
}
main div#bj div#main_twelve dl dd.cc{
	width: 250px;
	color: #000;
	font-size: 14px;
	margin-left: 24px;
}
main div#bj div#main_twelve dl dd.ll{
	color: #ccd7d7;
	font-size: 12px;
	margin-top: 70px;
	margin-left: 24px;
}
main div#bj div#main_twelve dl ul{
	margin-top: 290px;
}
main div#bj div#main_twelve dl ul li{
	float: left;
	font-size: 14px;
	margin-left: 24px;
	color: #000;
}
main div#bj div#main_twelve dl ul li.yy{
	border-left: 1px solid #b0b0b0;
	padding-left: 13px;
	color: #ff6700;
}
main div#bj div#main_twelve dl:first-child{
	margin-left: 0;
}
main div#bj div#main_twelve dl:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
/* 内容字------------------------------------------------------------------------------------------------------ */

/* 内容图----------------------------------------------------------------------------------------------- */
main div#bj div#main_fourteen{
	width: 1224px;
	height: 420px;
	margin: 0 auto;
}
main div#bj div#main_fourteen dl{
	width: 291px;
	height: 420px;
	float: left;
	margin-left: 20px;
	background: #fff;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#bj div#main_fourteen dl.kuang1{
	border-top: 1px solid #ffac13;
	margin-left: 0;
}
main div#bj div#main_fourteen dl.kuang2{
	border-top: 1px solid #83c44e;
}
main div#bj div#main_fourteen dl.kuang3{
	border-top: 1px solid #e53935;
}
main div#bj div#main_fourteen dl.kuang4{
	border-top: 1px solid #2196f3;
}
main div#bj div#main_fourteen dl dt{
	margin-top: 125px;
}
main div#bj div#main_fourteen dl.kuang2 dt{
	margin-top: 100px
}
main div#bj div#main_fourteen dl.kuang1 dt{
	margin-top: 120px
}
main div#bj div#main_fourteen dl dd{
	margin-top: 50px;
}
main div#bj div#main_fourteen dl.kuang1 dd.ts{
	color: #ffac13;
}
main div#bj div#main_fourteen dl.kuang2 dd.zt{
	color: #83c44e;
}
main div#bj div#main_fourteen dl.kuang3 dd.yx{
	color: #e53935;
}
main div#bj div#main_fourteen dl.kuang4 dd.yy{
	color: #2196f3;
}
main div#bj div#main_fourteen dl dd.shu{
	font-size: 20px;
	color: #000;
	line-height: 60px;
}
main div#bj div#main_fourteen dl dd.jj{
	width: 200px;
	color: #b0bac7;
	margin-left: 45px;
	font-size: 12px;
	line-height: 20px;
	margin-top: 70px;
}
main div#bj div#main_fourteen dl dd.ff{
	color: #000;
	font-size: 14px;
	line-height: 130px;
}
main div#bj div#main_fourteen dl:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
/* 视频字-------------------------------------------------------------------------------------------------- */

/* 视频图-------------------------------------------------------------------------------- */
main div#bj div#main_sixteen{
	width: 1224px;
	height: 300px;
	margin: 0 auto;
}
main div#bj div#main_sixteen dl{
	width: 296px;
	height: 300px;
	background: #fff;
	text-align: center;
	float: left;
	margin-left: 13px;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#bj div#main_sixteen dl dd{
	margin-top: 150px;
}
main div#bj div#main_sixteen dl dd.nn{
	font-size: 14px;
	color: #000;
}
main div#bj div#main_sixteen dl dd.rr{
	font-size: 12px;
}
main div#bj div#main_sixteen dl.st{
	margin-left: 0;
}
main div#bj div#main_sixteen dl dt.bf{
	margin-top: 115px;
	margin-left: -220px;
}
main div#bj div#main_sixteen dl:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
